<?php
	
	/**
	 * Load doctype
	 */
	$plugins -> html -> doctype ( "XHTML 1.0 Strict" );

?>

<head>

<?php

	/**
	 * Lets load standard meta tags...
	 * ( title, content-type, author, organization, keywords, description )
	 */
	$plugins -> head -> standardMeta();
	
	/**
	 * Deny access for robots!!!! 
	 */
	$plugins -> robots -> deny();

	/**
	 * Load css template!
	 */
	$plugins -> css -> load(
		array (
			"style"     => "screen",
			"styleIE"   => "screen",
			"styleIE7"  => "screen"
		)
	);
	?>
	<script type="text/javascript">
		var domain = '<?php echo self::$system -> enviroment -> url ?>backend/';
	</script>
	<?php
	/**
	 * Lets go load javascript files...
	 */
	$plugins -> js -> load( array (
		"jquery-1.2.6" => false,
		"jquery-ui"         => false,
		"workspaceat/menu"  => false,
		"workspaceat/fastlaunch" => false,
		"workspaceat/storage/images/addabout"      => false,
	));

/*	$params = array (
		"name" => "aaaa",
		"tags"   => "aaaaaaaa",
		"status"  => "true",
		"group"  => "16",
		"description"  => "aaaaaaaaaaaaaaaaaaaaaaaaaa"
	);
	
	echo Zend_Json::encode( self::$plugins->storage->addAboutImage( new Zend_Config( $params ) ) );*/
?>

</head>
<body>
	
	<!-- PROGRESS AREA -->
	<div class="progress" id="progress">
		<p id="pmessage">Please wait...</p>
	</div>

	<!-- STARTUP NOTICE AREA-->
	<div class="notice" id="notice">
		
		<div class="box">
			<div class="header">
				<h2>Workspace@ add image  - what's next :D</h2>
				
				<img class="x" id="close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/exit_btn_notice.png" alt="Close window" />
			</div>
			
			<div class="container">
				<p>Please answer us on next question...</p>
				
				<p class="alert">You have created new image field. Do you want to add image or you will do it later?</p>
				
				<p>If yes it will load area for adding images! If not you will be redirected to storage start page!</p>
				
				<a href="#" class="likebutton" id="notice_ok"  title="">Yes!</a>
				<a href="#" class="likebutton" id="notice_not" title="">No!</a>
			</div>
			
			<div class="footer">&nbsp;</div>
		</div>
		
	</div>
		
	<!-- FAST LAUNCHER AREA -->
	<div class="fastlaunch" id="fastlaunch">
		
		<div class="topfix">
			<img class="x" id="launch_close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/launch_x.png" alt="Close window" />
		</div>
		
		<div class="container">
			<h1>Workspace@ quick access</h1>
			
			<p>This area is used for quick access inside of Workspace@ features. Just start to write
			   down and system will find and save your searchs :)</p>
			   
			<input type="text" id="fastlaunch_browser" name="fastlaunch_browser" value="Start to typing..." />
		</div>
		
		<div class="bottomfix">&nbsp;</div>
	</div>
	
	<div class="fastlaunch_activator">
		
		<ul>
			<li>
			<img class="x" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quicklaunch_btn.png" alt="Close window" />
			</li>
		</ul>
	</div>
	
	<!-- FLOATING QUICK NAVI AREA -->
	<div class="quicknavi" id="quicknavi">
		
		<div class="handler" id="quicknavi_handler">
			<div class="fukyou">
				<img class="quick_handler" id="launch_btn" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/quickmenu_title_bg.png" 
				alt="Open/Close quick navigation" />
			</div>
		</div>
		
		<div class="container" id="quicknavi_container">
			<h2>Workspace@ Engine standard shortcuts</h2>
			
			<ul>
			
				<li id="homepage_link">
					<h2>Home page</h2>
					<p><a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					    title="<?php echo $plugins -> language -> startlinktitle; ?>" >Go to Workspace@ Engine home page!</a></p>
				</li>
				
				<li id="quickl_handler">
					<h2>Quick launcher</h2>
					<p>Quick launcher will help you to easily access W@E features!</p>
				</li>
				
				<li>
					<h2>Notes</h2>
					<p id="notes_handler">Do we need to write any description for this?</p>
				</li>
			</ul>
			
			<div class="fukyou2">
				<p>There are no deadlines or alerts to show! That's good :D</p>
				
				<p>If you like to, you can define one :) LoL</p>
			</div>
		</div>
		
	</div>

	<?php
		$repository->menu->loadComponent( "main", "backend" );
	?>
	
	<!-- USER AREA -->
	<div class="userarea">
		
		<!-- Container exists because of bg fix. Don't remove it! -->
		<div class="container">
		
			<h1>quick user area</h1>
			
			<p>Welcome to quick user area. Click on links below to modify your user account</p>
			
			<ul>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Account info</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Manage profile</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Team area</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "" ); ?>" 
					title="<?php echo $plugins -> language -> startlinktitle; ?>" >Private messages (0)</a>
				</li>
				<li>
					<a href="<?php echo $plugins -> page -> link ( "authenticate/logout" ); ?>" 
					title="<?php echo $plugins -> language -> logout; ?>" ><?php echo $plugins -> language -> logout; ?></a>
				</li>
			</ul>
		</div>
		
	</div>
	
	<!-- Top fixer and alert container a.k.a area -->
	<div class="topfix">
		<div class="alert" id="basealert">
			<h1 id="balerttitle">Workspace@ activation error</h1>
			<p  id="balertmessage">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
			   Sed lobortis blandit lorem. Mauris dictum dolor nec eros. Integer vitae massa id odio rutrum pretium. 
			   Donec ligula leo, tristique et, tempor molestie, accumsan eget, odio. Nullam odio arcu, rutrum vitae, 
			   lobortis in, pharetra quis, nunc.</p>	
		</div>
	</div>
	
	<!-- PAGE WARPER -->
	<div class="warp">
		<div class="container" id="managepage">

			
			<div class="tabhandler">
				<ul>
					<li class="current" id="t_one"><a href="#" title="">About image</a>
				</ul>
			</div>
		
			<div class="tabs" id="tabs">
				<div class="box">
					<h1><?php echo $plugins -> language -> subtitle; ?></h1>
					<hr />
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
					Nullam vel elit. Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
					Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, 
					tempor molestie, accumsan eget, odio. Nullam odio arcu,
					rutrum vitae, lobortis in, pharetra quis, nunc.
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam vel elit. 
					Sed lobortis blandit lorem. Mauris dictum dolor nec eros. 
					Integer vitae massa id odio rutrum pretium. Donec ligula leo, tristique et, tempor molestie, 
					accumsan eget, odio. Nullam odio arcu,
					rutrum vitae, lobortis in, pharetra quis, nunc.</p>
				</div>
				
					<form id="addimage_form" action="<?php echo $plugins -> page -> link ( "storage/add/images/about" ); ?>" name="addimage_form" id="managepage_form" enctype="multipart-form-data">
						<ul>
							<li>
								<h3>Image name</h3>
								<p>It can't have spaces or special characters. Best not to touch at all! </p>
								<input type="text" id="name" name="name"/>
							</li>
							<li>
								<h3>Image tags</h3>
								<p>Type description which will be visible to admins. Input is small because description must be small as well :)</p>
								<input type="text" id="tags" name="tags" />
							</li>
							<li>
								<h3>Image status</h3>
								<p>You can choose from your existing nicknames that one of them be author of this page!</p>
								<select name="status" id="status">
									<option value="true">Opened</option>
									<option value="false">Disabled</option>
								</select>
							</li>
							<li>
								<h3>Image group</h3>
								<p>You can set that system tracks vistors for this page or not. It's up to you!</p>
								<select name="group" id="group">
									<option value="0">Choose...</option>
									<?php
										$data = self::$plugins->storage->getAllActiveImageGroups();
										var_dump ( $data );
										foreach ( $data as $items ):
											
									?>
											<option value="<?php echo $items->id; ?>"><?php echo $items->name; ?></option>
									<?php
										endforeach;
									?>
								</select>
							</li>
							<li>
								<h3>Image description</h3>
								<p>Type description which will be visible to admins. Input is small because description must be small as well :)</p>
								<textarea id="description" name="description"></textarea>
							</li>
						</ul>
					</form>
					
			</div>

			<div class="tabhandler" id="controls">
				<ul>
					<li class="blue" id="save"><a href="#" title="">Save</a>
					<li class="red" id="discard"><a href="#" title="">Discard</a>
				</ul>
			</div>
				
		</div>
	</div>
		

	
	<!-- Bottom fix area -->
	<div class="bottomfix">
	
		<div class="footer">
			<p>Copyright 2008-2009 <a href="http://workspaceat.com" title="#">Workspace@</a> in association with 
			   <a href="http://designstrategist.hr" title="#">Design strategist</a></p>
		</div>
		
	</div>
	
	<!-- PAGE PREVIEW AREA -->
	<div class="pagepreview" id="pagepreview_box">
		
		<div class="topfix">
			<img class="x" id="preview_close" src="<?php echo $plugins -> css -> getCssPath(); ?>/elements/launch_x.png" alt="Close window" />
		</div>
		
		<div class="container">
			<iframe class="sitelook" id="sitelook" src="#"/></iframe>
		</div>
		
		<div class="bottomfix">&nbsp;</div>
	</div>
</body>
</html>